﻿<%@ Page Title="Line Situation" Culture="auto" UICulture="auto" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="LineSituation.aspx.cs" Inherits="IFD2.LineSituation" %>

<%--<%@ Register Assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>--%>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <%--<link href="jquery_ui/jquery-ui.min.css" rel="stylesheet" type="text/css" /><!--仅Datepicker-->--%>
    <link href="Datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css"/>

    <form id="form1" runat="server" role="form" class="form-inline" defaultbutton="lbtnQuery">
    <div class="container-fluid body-content" style="width:100%;">

    <div class="row">
        <div class="col-sm-2 well well-sm">
            <h5><asp:Literal ID="litTitle" runat="server" meta:resourcekey="tipPageTitle"></asp:Literal></h5>
            <div class="form-group">
                <asp:Label ID="Label1" runat="server" Text="Origin:" meta:resourcekey="tipOrigin"></asp:Label>
                <asp:TextBox ID="txtOriCity" runat="server" CssClass="form-control input-sm" Width="100%" MaxLength=4></asp:TextBox>
                <asp:Label ID="Label2" runat="server" Text="Destination:" meta:resourcekey="tipDestination"></asp:Label>
                <asp:TextBox ID="txtDesCity" runat="server" CssClass="form-control input-sm" Width="100%" MaxLength=4></asp:TextBox>
                <asp:Label ID="Label3" runat="server" Text="Date:" meta:resourcekey="tipDate"></asp:Label>
                <asp:TextBox ID="txtFltDate" runat="server" CssClass="form-control input-sm form_date" Width="100%" MaxLength=15></asp:TextBox>
                <table style="width:100%;"><tr>
                <td><asp:RadioButton ID="radDayOnDay" runat="server" GroupName="radOption" Checked="True" meta:resourcekey="tipDayOnDay" Text="DayOnDay"/></td>
                <td><asp:RadioButton ID="radWeekOnWeek" runat="server" GroupName="radOption" meta:resourcekey="tipWeekOnWeek" Text="WeekOnWeek"/></td>
                </tr></table>
                <asp:Label ID="Label4" runat="server" Text="DCP:" meta:resourcekey="tipDCP"></asp:Label> 
                ±<asp:DropDownList ID="lstSpan" runat="server" Width="100%">
                    <asp:ListItem Value="0"></asp:ListItem>
                    <asp:ListItem Value="1"></asp:ListItem>
                    <asp:ListItem Value="2"></asp:ListItem>
                    <asp:ListItem Value="3" Selected="True"></asp:ListItem>
                    <asp:ListItem Value="4"></asp:ListItem>
                    <asp:ListItem Value="5"></asp:ListItem>
                </asp:DropDownList>
                <br />
                <asp:Label ID="Label8" runat="server" Text="Currency:" meta:resourcekey="tipCurrency"></asp:Label>
                <asp:DropDownList ID="lstCurrencies" runat="server" DataSourceID="sqlCurrency" DataTextField="code" DataValueField="code" Width="100%"></asp:DropDownList>
            </div>
            <br class="hidden-xs"/><br class="hidden-xs"/>
            <asp:LinkButton ID="lbtnQuery" runat="server" CssClass="form-control input-sm btn-primary text-center" Width="100%" ToolTip="" meta:resourcekey="tipQuery" OnClick="lbtnQuery_Click"> <span class="glyphicon glyphicon-search" style="font-size:large;"></span></asp:LinkButton>
            <asp:Button ID="btnTakeSample" runat="server" Text="Take Sample" OnClick="btnTakeSample_Click" CssClass="form-control input-sm btn-primary text-center" Width="100%" meta:resourcekey="tipTakeSample" />
            <asp:Button ID="btnDeleteSample" runat="server" Text="Delete Sample" OnClick="btnDeleteSample_Click" CssClass="form-control input-sm btn-primary text-center" Width="100%" meta:resourcekey="tipDeleteSample" />
            <p></p><%--没有此行(或&nbsp;)，上面的按钮在手机模式(xs)下，只有上半部可以点击！--%>

            <!--div class="well well-sm" style="Margin:0px;"-->
                <asp:Label ID="lblError" runat="server" CssClass="ifdMessage" Text=""></asp:Label>
            <!--/div-->
            

            <div class="hidden-xs">
                <div id="myScrollspy" data-spy="affix">
                    <ul class="nav nav-tabs nav-stacked">
                        <li><a href="#secComprehensiveIndexes"><asp:Literal ID="Literal2" meta:resourcekey="tipComprehensiveIndexes" runat="server"></asp:Literal></a></li>
                        <li><a href="#secAvgPriceQuantity"><asp:Literal ID="Literal4" meta:resourcekey="tipAvgPriceQuantity" runat="server"></asp:Literal></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="col-sm-10 well well-sm">
            <div class="panel panel-default">
                <div class="panel-heading btn-primary">
                    <h6 class="panel-title" id="secComprehensiveIndexes"><!--统一h6,有专用css-->
                    <a data-toggle="collapse"  href="#tipComprehensiveIndexes" style="color:white;">
                        <asp:Literal ID="Literal1" runat="server" meta:resourcekey="tipComprehensiveIndexes" Text="Table"></asp:Literal>
                        &nbsp;<b class="caret"></b>
                    </a>
                    </h6>
                </div>
                <div id="tipComprehensiveIndexes" class="panel-body panel-collapse collapse in">
                    <div class="table-responsive">
                        <asp:Literal ID="litFlts" runat="server"></asp:Literal>
                    </div>
                    <br />
                    <div class="table-responsive">
                        <table style="min-width:760px;"><tr style="text-align:center;">
                            <td><asp:Label ID="Label9" runat="server" Text="Legend:" meta:resourcekey="tipLegend"></asp:Label></td>
                            <td>&nbsp;&nbsp;&nbsp;</td>
                            <td style="width:80px;background:#52ba57"><asp:Label ID="Label11" runat="server" Text="[Tips]" meta:resourcekey="tipTips"></asp:Label></td>
                            <td style="width:120px;"><asp:Label ID="Label10" runat="server" Text="[No Flight]" meta:resourcekey="tipNoFlight"></asp:Label></td>
                            <td style="width:120px;background:#CECEFF"><asp:Label ID="Label12" runat="server" Text="low" meta:resourcekey="tiplow"></asp:Label></td>
                            <td style="width:120px;background:#52ba57"><asp:Label ID="Label13" runat="server" Text="mid" meta:resourcekey="tipmid"></asp:Label></td>
                            <td style="width:120px;background:#ffff95"><asp:Label ID="Label14" runat="server" Text="high" meta:resourcekey="tiphigh"></asp:Label></td>
                            <td style="width:120px;background:OrangeRed"><asp:Label ID="Label15" runat="server" Text="superhigh" meta:resourcekey="tipsuperhigh"></asp:Label></td>
                        </tr></table>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading btn-primary">
                    <h6 class="panel-title" id="secAvgPriceQuantity"><!--统一h6,有专用css-->
                    <a data-toggle="collapse"  href="#tipAvgPriceQuantity" style="color:white;">
                        <asp:Literal ID="Literal3" runat="server" meta:resourcekey="tipAvgPriceQuantity" Text="chart"></asp:Literal>
                        &nbsp;<b class="caret"></b>
                    </a>
                    </h6>
                </div>
                <div id="tipAvgPriceQuantity" class="panel-body panel-collapse collapse in">
                    <div class="table-responsive">
                        <asp:Table ID="TabHolder"  runat="server"></asp:Table><br />
                    </div>
                </div>
            </div>

            
        </div>
    </div>

    <asp:SqlDataSource ID="sqlCurrency" runat="server"  DataSourceMode="DataReader"
        ConnectionString="<%$ ConnectionStrings:IFD_DB %>" 
        SelectCommand="bll_currency_get_codes" SelectCommandType="StoredProcedure">
    </asp:SqlDataSource>
    
    </div></form>

    <div class="modal fade bs-example-modal-lg" id="modPopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg"> 
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><h6></h6>
                </div>
                <div class="modal-body">
                    <p id="ajaxContent" class="ifdModal">Retrieving...</p>
                </div>
            </div>
        </div>
    </div>

    <%--<script src="jquery_ui/jquery-ui.min.js"></script>--%>
    <script src="Datetimepicker/js/bootstrap-datetimepicker.min.js"></script>

    <script>
        $(document).ready(function () {
            //var win_width = parseInt($(window).width());//浏览器窗口可视区域宽度
            //if (win_width >= 768) {
            //    $("#MainContent_txtFltDate").datepicker({
            //        dateFormat: "yy-mm-dd", numberOfMonths: 2, showButtonPanel: true
            //    });

            //$('.form_datetime').datetimepicker({
            //    format: 'yyyy-m-d hh:ii',
            //    weekStart: 1,
            //    todayBtn: 1,
            //    autoclose: 1,
            //    todayHighlight: 1,
            //    startView: 'month',
            //    forceParse: 0,
            //    showMeridian: 0
            //});
            $('.form_date').datetimepicker({
                format: 'yyyy-m-d' ,
                weekStart: 1,
                todayBtn:  1,
                autoclose: 1,
                todayHighlight: 1,
                startView: 'month',
                minView: 'month',
                forceParse: 0
            });
            //$('.form_time').datetimepicker({
            //    format: 'hh:ii' ,
            //    weekStart: 1,
            //    todayBtn:  1,
            //    autoclose: 1,
            //    todayHighlight: 1,
            //    startView: 'day',
            //    minView: 'hour',
            //    maxView: 'day',
            //    forceParse: 0
            //});
       });
  	</script>

</asp:Content>
